<template>
  <router-view></router-view>
  <div class="navBar">
    <router-link to="/"> <van-icon name="wap-home-o" />首页</router-link>

    <router-link to="whole"
      ><van-icon name="add-o" /><span>组局</span></router-link
    >
    <router-link to="moments"
      ><van-icon name="browsing-history-o" /><span>动态</span></router-link
    >
    <router-link to="tips"
      ><van-icon name="more-o" /><span>消息</span></router-link
    >
    <router-link to="my"
      ><van-icon name="contact" /><span>我的</span></router-link
    >
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
.active {
  color: #b56cff;
}
.router-link-exact-active {
  color: #b56cff;
}
.navBar {
  background: white;
  width: 3.725rem;
  height: 0.7rem;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  z-index: 333;
  text-align: center;
  a {
    margin-top: 0.075rem;
    font-size: 0.11rem;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    i {
      font-size: 0.4rem;
    }
    span {
      margin-top: 0.075rem;
    }
  }
}
</style>
